@charset "UTF-8";
#mymodal{z-index:6050!important}
#modalWrap .hamburger{display:none!important}
#modal{width:100%;height:100%;position:relative;background-color:rgba(0,0,0,.4)}
.modalInr{position:relative}
.modal{position:absolute;display:block;width:980px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(../img/modal/pc_bg_main.gif) repeat-y 0 0}
.modal .cont{display:table;width:870px}
.modal .logo{width:80px;padding:30px 0 0 50px}
.modal .logo img{width:100%}
.modal .btn_close{position:absolute;top:50px;right:50px}
.brandmodal{height:910px}
.brandmodal .img.view_pc{display:table-cell;width:340px;padding:0 95px 0 45px}
.brandmodal .img.view_sp{display:none}
.brandmodal .img img{padding:75px 0 0}
.brandmodal .txtWrap{display:table-cell;width:400px;vertical-align:top}
.brandmodal .txtWrap h2{padding:0 0 30px;text-align:center}
.brandmodal .txtWrap h3{padding:0 0 40px;text-align:center;font-weight:700}
.brandmodal .txtWrap .maintxt{padding:0 0 40px}
.brandmodal .txtWrap .credit,.brandmodal .txtWrap .detail{padding:0 0 20px;font-weight:700}
.brandmodal .txtWrap .date{padding:0 0 50px;font-weight:700}
@media(min-width:769px) and (max-height:910px){.brandmodal{position:relative;height:100%}
.brandmodal .btn_close{top:20px}
.brandmodal .img{vertical-align:middle}
.brandmodal .img img{padding:0}
.brandmodal .txtWrap{vertical-align:top}}
@media(min-width:769px) and (max-height:850px){.brandmodal .txtWrap h2{margin-top:-70px}}
@media(min-width:769px) and (max-height:660px){.brandmodal .logo{padding-top:10px}}
@media(min-width:1px) and (max-width:768px){#modal{height:auto}
.brandmodal .txtWrap{display:block;width:78.125%;margin:0 auto}
.brandmodal .txtWrap h2{width:58%;padding:0 0 13.4%;margin:0 auto}
.brandmodal .img.view_pc{display:none!important}
.brandmodal .img.view_sp{display:block;width:100%;padding:0 0 16%;margin:0 auto}
.brandmodal .img img{width:100%;padding:0}
.brandmodal .txtWrap h3{padding:0 0 10%}
.brandmodal .txtWrap .maintxt{padding:0 0 9%}
.brandmodal .txtWrap .credit{padding:0 0 5%}
.brandmodal .txtWrap .date{padding:0 0 10%}}
.staffmodal{height:550px}
.staffmodal .logo{padding-bottom:40px}
.staffmodal .img{display:table-cell;width:290px;padding:0 121px 0 67px}
.staffmodal .img img{width:100%}
.staffmodal .txtWrap{display:table-cell;width:400px;vertical-align:top}
.staffmodal .txtWrap p{padding:0 0 35px;line-height:175%}
@media(min-width:1px) and (max-width:768px){.staffmodal .txtWrap{display:block;width:78.125%;margin:0 auto}
.staffmodal .txtWrap h2{width:58%;padding:0 0 13.4%;margin:0 auto}
.staffmodal .img{display:block;width:78.2%;padding:0 0 9.4%;margin:0 auto}
.staffmodal .txtWrap p{padding:0 0 10%;line-height:200%}}
@media(min-width:769px) and (max-height:550px){.staffmodal{position:relative;height:100%}}
@media screen and (max-width:768px){#modal{background-color:#fff}
.modal{position:relative;display:block;width:100%;height:100%;margin:0;background:0 0}
.modal .cont{display:block;width:100%;padding:12% 0 0}
.modal .modalHead{position:fixed;top:0;left:0;width:100%;padding:24px 0;background:#f1f1ef;z-index:900}
.modalInr{padding:119px 0 0}
.modal .modalHead .logo{width:95px;padding:0 0 0 4.6875%}
.modal .modalHead .logo img{width:100%}
.modal .btn_close{position:fixed;top:0;right:0;display:block;width:106px;padding:45px 0 45px 32px;z-index:9999}
.modal .btn_close img{width:32px;height:32px;margin:0 auto}
.modal .btn_close02{display:block;padding:7.8% 0;margin:17.2% 0 0;text-align:center;line-height:100%;background:#f1f1ef}
.modal .btn_close02 img{width:13.7%}}
@media screen and (max-width:480px){.modal .modalHead{padding:10px 0}
.modalInr{padding:83px 0 0}
.modal .modalHead .logo{width:60px}
.modal .btn_close{position:fixed;top:0;right:0;display:block;width:75px;padding:20px 0 20px 25px}
.modal .btn_close img{width:23px;height:23px;margin:0 auto}}